@extends('home.base')
@section('content')
        <!--- 专区图片- -->
        <div class="category-arrondi clearfix">
	            <img class="fl" src="https://res.vmallres.com/pimages/common/config/logo/huawei.nav.png" alt="">
	            <span class="fl">华为专区</span>
        </div>
        <div class="naver-sub">
		            <div id="naverSub00" class="naver-sub-wrap hide">
		                <div class="p-title clearfix">
		                    <div class="s1 fl">
		                        <a href="https://www.vmall.com/list-111" target="_blank" class="">全部手机&gt;</a>
		                    </div>
		                    <div class="s2 fl clearfix">
											<input id="child_name" type="hidden" value="HUAWEI Mate系列">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="./js/华为手机【报价 价格 大全 怎么样】_华为商城.html" target="_blank" class="fl">HUAWEI Mate系列</a>
											<input id="child_name" type="hidden" value="HUAWEI P系列">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-125" target="_blank" class="fl">HUAWEI P系列</a>
											<input id="child_name" type="hidden" value="HUAWEI nova系列">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-279" target="_blank" class="fl">HUAWEI nova系列</a>
											<input id="child_name" type="hidden" value="华为 G系列">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-127" target="_blank" class="fl">华为 G系列</a>
											<input id="child_name" type="hidden" value="华为畅享系列">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-129" target="_blank" class="fl">华为畅享系列</a>
		                    </div>
		                    <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
		                </div>

		                <ul id="zxnav_0_prolist" class="grid-list clearfix">
		                	<!--通过添加current 来实现 hover效果-->
			                        <input id="name_447434280" type="hidden" value="HUAWEI nova 2">
			                        <input id="name_225214477" type="hidden" value="HUAWEI P10">
			                        <input id="name_655752248" type="hidden" value="HUAWEI P10 Plus">
			                        <input id="name_33074860" type="hidden" value="HUAWEI Mate 9 Pro">
			                        <input id="name_883630548" type="hidden" value="HUAWEI Mate 9">
			                        <input id="name_546018520" type="hidden" value="华为畅享7 Plus">
			                        <input id="name_308819390" type="hidden" value="华为畅享6S">
		                </ul>
		                <input id="zxnav_0_skuIds" type="hidden" value="447434280,225214477,655752248,33074860,883630548,546018520,308819390,">
		            </div>
		            <div id="naverSub01" class="naver-sub-wrap hide">
		                <div class="p-title clearfix">
		                    <div class="s1 fl">
		                        <a href="https://www.vmall.com/list-291" target="_blank" class="">全部笔记本电脑&gt;</a>
		                    </div>
		                    <div class="s2 fl clearfix">
											<input id="child_name" type="hidden" value="笔记本电脑">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-291" target="_blank" class="fl">笔记本电脑</a>
											<input id="child_name" type="hidden" value="笔记本配件">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-319" class="fl">笔记本配件</a>
		                    </div>
		                    <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
		                </div>

		                <ul id="zxnav_1_prolist" class="grid-list clearfix">
		                	<!--通过添加current 来实现 hover效果-->
			                        <input id="name_280075090" type="hidden" value="HUAWEI MateBook X">
			                        <input id="name_530206332" type="hidden" value="HUAWEI MateBook E">
			                        <input id="name_882934630" type="hidden" value="HUAWEI MateBook D">
			                        <input id="name_436445492" type="hidden" value="HUAWEI MateBook">
		                </ul>
		                <input id="zxnav_1_skuIds" type="hidden" value="280075090,530206332,882934630,436445492,">
		            </div>
		            <div id="naverSub02" class="naver-sub-wrap hide">
		                <div class="p-title clearfix">
		                    <div class="s1 fl">
		                        <a href="https://www.vmall.com/list-243" target="_blank" class="">全部平板&amp;穿戴&gt;</a>
		                    </div>
		                    <div class="s2 fl clearfix">
											<input id="child_name" type="hidden" value="平板电脑">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-313" target="_blank" class="fl">平板电脑</a>
											<input id="child_name" type="hidden" value="手环/手表">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-293" target="_blank" class="fl">手环/手表</a>
		                    </div>
		                    <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
		                </div>

		                <ul id="zxnav_2_prolist" class="grid-list clearfix">
		                	<!--通过添加current 来实现 hover效果-->
			                        <input id="name_21229185" type="hidden" value="华为平板 M3">
			                        <input id="name_8943" type="hidden" value="华为揽阅 M2 青春版 7.0英寸平板电脑">
			                        <input id="name_8989" type="hidden" value="华为揽阅 M2 青春版 10.1英寸平板电脑">
			                        <input id="name_248968065" type="hidden" value="HUAWEI WATCH 2">
			                        <input id="name_8735" type="hidden" value="华为手环 B3">
			                        <input id="name_107428549" type="hidden" value="华为儿童手表">
		                </ul>
		                <input id="zxnav_2_skuIds" type="hidden" value="21229185,8943,8989,248968065,8735,107428549,">
		            </div>
		            <div id="naverSub03" class="naver-sub-wrap hide">
		                <div class="p-title clearfix">
		                    <div class="s1 fl">
		                        <a href="https://www.vmall.com/list-115" target="_blank" class="">全部智能家居&gt;</a>
		                    </div>
		                    <div class="s2 fl clearfix">
											<input id="child_name" type="hidden" value="子母路由">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-265" target="_blank" class="fl">子母路由</a>
											<input id="child_name" type="hidden" value="电力猫">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-139" target="_blank" class="fl">电力猫</a>
											<input id="child_name" type="hidden" value="路由器">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-141" target="_blank" class="fl">路由器</a>
											<input id="child_name" type="hidden" value="电视盒子">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-143" target="_blank" class="fl">电视盒子</a>
											<input id="child_name" type="hidden" value="随行WiFi">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-145" target="_blank" class="fl">随行WiFi</a>
		                    </div>
		                    <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
		                </div>

		                <ul id="zxnav_3_prolist" class="grid-list clearfix">
		                	<!--通过添加current 来实现 hover效果-->
			                        <input id="name_477306982" type="hidden" value="华为子母路由器 Q1">
			                        <input id="name_989938258" type="hidden" value="华为路由器 A1">
			                        <input id="name_3502" type="hidden" value="华为盒子">
			                        <input id="name_8125" type="hidden" value="华为随行WiFi Pro">
		                </ul>
		                <input id="zxnav_3_skuIds" type="hidden" value="477306982,989938258,3502,8125,">
		            </div>
		            <div id="naverSub04" class="naver-sub-wrap hide">
		                <div class="p-title clearfix">
		                    <div class="s1 fl">
		                        <a href="https://www.vmall.com/list-117" target="_blank" class="">全部配件&gt;</a>
		                    </div>
		                    <div class="s2 fl clearfix">
											<input id="child_name" type="hidden" value="贴膜">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-149" target="_blank" class="fl">贴膜</a>
											<input id="child_name" type="hidden" value="保护壳">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-147" target="_blank" class="fl">保护壳</a>
											<input id="child_name" type="hidden" value="保护套">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-151" target="_blank" class="fl">保护套</a>
											<input id="child_name" type="hidden" value="表带">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-207" target="_blank" class="fl">表带</a>
											<input id="child_name" type="hidden" value="耳机">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-295" target="_blank" class="fl">耳机</a>
											<input id="child_name" type="hidden" value="音箱">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-297" target="_blank" class="fl">音箱</a>
											<input id="child_name" type="hidden" value="VR眼镜">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-303" target="_blank" class="fl">VR眼镜</a>
											<input id="child_name" type="hidden" value="电源/充电器/线材">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-299" target="_blank" class="fl">电源/充电器/线材</a>
											<input id="child_name" type="hidden" value="自拍杆/支架">
											<input id="child_status" type="hidden" value="1">
											<input id="child_type" type="hidden" value="1">
											<a href="https://www.vmall.com/list-301" target="_blank" class="fl">自拍杆/支架</a>
		                    </div>
		                    <!--<div class="s3 fr"><a href="javascript:;" target="_blank"> 查看全部 ></a></div>-->
		                </div>

		                <ul id="zxnav_4_prolist" class="grid-list clearfix">
		                	<!--通过添加current 来实现 hover效果-->
			                        <input id="name_113776497" type="hidden" value="华为20000mAh 移动电源">
			                        <input id="name_615924659" type="hidden" value="华为运动蓝牙耳机">
			                        <input id="name_594387586" type="hidden" value="华为车载快速充电器">
			                        <input id="name_4309" type="hidden" value="华为小天鹅蓝牙音箱">
			                        <input id="name_8067" type="hidden" value="华为自拍杆">
			                        <input id="name_853967185" type="hidden" value="HUAWEI VR">
			                        <input id="name_937100113" type="hidden" value="华为10000mAH移动电源">
		                </ul>
		                <input id="zxnav_4_skuIds" type="hidden" value="113776497,615924659,594387586,4309,8067,853967185,937100113,">
		            </div>
        </div>
    </div>
</div>
<script>

//显示导航下拉菜单商品数据
function showProList(id){
 	//查询标志
    var flag=$("#"+id+"_flag").val();
 	var skuIds=$("#"+id+"_skuIds").val();
 	
 	var mediaPath = "https://res.vmallres.com/pimages/";
 	//未查询过且有商品时才能执行
 	if(skuIds!="" && flag=="no"){
 		skuIds=skuIds.substring(0,skuIds.length-1);
 		var skuIdArr=skuIds.split(",");

		skuIdArr=removeDuplicatedItem(skuIdArr);
		
 		//标记标志位
 		$("#"+id+"_flag").val("yes");
 		$.ajax({
			url :  "/querySbomInfo.json?skuIdsStr="+skuIds,
			async:true,//使用异步的Ajax请求
			type : "GET",
			dataType : "json",
			timeout : 10000,
			success : function(json){
				if(json.success){
					var infoMap=json.sbomInfoMap;
					var html = '';
					for(var i=0;i<skuIdArr.length;i++){
					    var skuId=skuIdArr[i];
					    var sbomInfo=json.sbomInfoMap[skuId];
					    if(sbomInfo!=null){
						     //商品图片URL
							var imgPath = mediaPath + sbomInfo.photoPath+"142_142_"+sbomInfo.photoName;
							//商品URL
							var urlPath = "/product/"+sbomInfo.disPrdId+".html#"+skuId;
							//商品名称
							//var proName = sbomInfo.sbomName;
							var proName = $('#name_' + skuId).val();
							var price;
							//取得价格显示方式
							var priceMode = sbomInfo.priceMode;
							if (priceMode == 2 || sbomInfo.price == 0) {
								price = "<span>暂无报价</span>";
							} else {
								price = "&yen;" + sbomInfo.price;
							}
							//一级分类导航名称
							var oneNavName=$("#"+id+"_name").val();
							var onShowName="分类导航_"+oneNavName+"_"+sbomInfo.sbomCode;
							var clickContent="_paq.push(['trackLink','"+onShowName+"', 'link', ' ']);ec.code.addAnalytics({hicloud:true});";
							html += '<li class="grid-items" onmouseenter="fixCurrent(this)"  onmouseleave="leaveCurrent(this)" onclick="'+clickContent+'">';
							html += '     <a class="thumb" target="_blank" href="'+urlPath+'">';
							html += '         <p class="grid-img">';
							html += '         	<img alt="" src="' + imgPath + '">';
							html += '          </p>';
							html += '          <h3 class="grid-title">' + proName + '</h3>';
							html += '          <p class="grid-price">' + price + '</p>';
							html += '       </a>';
							html += '  </li>';
					    }
					}
					$("#"+id+"_prolist").html(html);
				}
				
			},
			error : function() {
				
			}
		}); 
 	}
 };
 
 //定位当前推荐商品
 function fixCurrent(obj){
    $(obj).addClass('current');
 }
 
  //离开当前推荐商品
 function leaveCurrent(obj){
	 $(obj).removeClass('current');
 }
 //去重
 function removeDuplicatedItem(ar) {
    var ret = [];
    for (var i = 0, j = ar.length; i < j; i++) {
        if (ret.indexOf(ar[i]) === -1) {
            ret.push(ar[i]);
        }
    }
    return ret;
}
</script>
<script>

(function () {
 /*
         *   专区导航下拉列表
         *   @version 1.2.0
         *   @update 2017-05-08
         *
         * */
        var $nav =                          $('.naver li'),
            $naverSub =                     $('.naver-sub'),
            navLen =                        $nav.length,
            navWidth =                      $nav.width(),
            navListCount =                  null,
            timer =                         null;


        $nav.bind({
            mouseenter: function () {
                {
                    var count =             $(this).attr('data-id') || null,
                        $naverSubItem =     $('#naverSub0' + count),
                        $this =             $(this),
                        openItem =          null;

                    if ($naverSubItem.length <= 0) {
                        $naverSub
                            .children()
                            .slideUp(200);
                        clearTimeout(timer);
                        return;
                    }
                    navListCount = count;

                    $naverSub
                        .children()
                        .each(function (index, item) {
                            if ($(this).css('display') == 'block') {
                                openItem = true;
                            }
                        });

                    if (timer) clearTimeout(timer);

                    if (openItem) {
                    	showProList('zxnav_' + count);
                        $naverSub.show();
                        $naverSubItem
                            .show()
                            .unbind('mouseenter')
                            .mouseleave(function (e) {
                                itemsLeave.call(this, e , $naverSubItem);
                            })
                            .siblings()
                            .hide();

                    } else {
                    	showProList('zxnav_' + count);
                        timer = setTimeout(function () {
                            $naverSub
                                .show();
                            $naverSubItem
                                .slideDown(200)
                                .unbind('mouseenter')
                                .mouseleave(function (e) {
                                    itemsLeave.call(this, e , $naverSubItem);
                                })
                            ;
                        }, 200);
                    }
                }
            },
            mouseleave: function (e) {
                var $target =               $(e.target),
                    eX =                    e.pageX,
                    eY =                    e.pageY,
                    oX =                    $target.offset().left,
                    oY =                    $target.offset().top,
                    yy =                    oY-eY,
                    xx =                    oX - eX,
                    xx2 =                   eX - (oX + navWidth),
                    index =                 $nav.index(this),
                    $naverSubItem =         $('#naverSub0' + navListCount);

                if (timer) clearTimeout(timer);

                $naverSubItem.mouseenter(function () {
                    if (timer) clearTimeout(timer);
                });

                //确认上划//第一个左滑动时//最后一个右滑动时
                if (yy <= 10 && yy > 0 || (xx <= 10 && xx > 0 && index == 0) || (xx2 <= 10 && xx2 > 0 && index == navLen - 1 )) {
                    $naverSubItem.unbind('mouseleave');
                    $naverSub
                        .children()
                        .slideUp(300)
                } else {
                    timer = setTimeout(function () {
                        $naverSubItem.unbind('mouseenter');
                        $naverSub
                            .children()
                            .slideUp(300)
                    }, 200)
                }
            }
        });
        function itemsLeave(e , obj) {
            var $target =                   $(e.target),
                eX =                        e.pageX,
                eY =                        e.pageY,
                oX =                        $target.offset().left,
                oY =                        $target.offset().top,
                _this =                     $(this);

            clearTimeout(timer);
            //确认上划 并保证上划区域排除logo区域
            if ((oY - eY) <= 10 && (oY - eY) > 0 && (eX - oX) > 300) {
                _this
                    .show();
            } else {
                timer = setTimeout(function () {
                    _this.slideUp(200);
                }, 200)
            }
        }
    })()
</script>
<div class="hr-10"></div>
<div class="g">
    <!--面包屑 -->
	<div class="breadcrumb-area fcn">
			<a href="{{URL("/")}}" title="首页">首页</a>&nbsp;&gt;&nbsp;
				@if($cate_list->cate_pid == 0)
					<span>{{$cate_list->cate_name}}</span>
				@else
				<a href="https://www.vmall.com/list-111" title="手机">手机</a>&nbsp;&gt;&nbsp;
				<span>{{$cate_list->cate_name}}</span>
				@endif
	</div>
</div>	
<div class="hr-10"></div><div class="layout">
	<!-- 20140726-商品类别-start -->
	<div class="pro-cate-area">
		<!-- 20140726-商品类别-属性-start -->
		<div class="pro-cate-attr clearfix">
			<div class="p-title">分类：</div>
			<div class="p-default">
				<ul>
                    <li id="first-category"><a href="https://www.vmall.com/list-111">全部</a></li>
					<!--<li class="selected"><a href="javascript:;">全部</a></li>-->
				</ul>
			</div>
			
			<!-- 二级虚拟分类 -->
			<div class="p-values">
				<div class="p-operate" style="display: none;">
					<!-- 追加ClassName： more-expand more-drop -->
					<a href="javascript:;" onclick="ec.product.more(this)" class="more more-expand">更多<s></s></a>
				</div>
				<!-- 一行的高度为30px,显示n行，p-expand的高度为nx30 -->
				<div class="p-expand">
					<ul class="clearfix">
						@foreach($data as $cc)
							@if($cc->cate_pid == $cate_list->cate_id)
	                    <li class=""><a href="{{URL('/home/list/'.$cc->cate_id)}}">{{$cc->cate_name}}</a></li>
							@endif
							@endforeach
					</ul>
				</div>
			</div>
			
		</div><!-- 20140726-商品类别-属性-end -->
		
		<!-- 20140726-商品类别-属性-start -->
        <!-- 20140726-商品类别-属性-end -->		
		
		<!-- 20140726-商品类别-排序-start -->
		<div class="pro-cate-sort clearfix">
			<div class="p-title">排序：</div>
			<div class="p-default">
				<ul>
					<li id="sort-default" class="selected"><a href="javascript:;" onclick="ec.product.sort(&#39;default&#39;)">默认</a></li>
				</ul>
			</div>
			<div class="p-values">
				<div class="p-expand">					
					<ul class="clearfix">
					    <!-- 升序选择（从低到高）： sort-asc selected   降序选择（从高到低）： sort-desc selected -->
						<li id="sort-price"><a href="javascript:;" class="sort-price" onclick="ec.product.sort(&#39;price&#39;)">价格<s></s></a></li>
						<li id="sort-remarkNumber"><a href="javascript:;" class="sort-eval" onclick="ec.product.sort(&#39;remarkNumber&#39;)">评价数<s></s></a></li>
						<li id="sort-registterTime"><a href="javascript:;" class="sort-added" onclick="ec.product.sort(&#39;registterTime&#39;)">上架时间<s></s></a></li>
					</ul>
				</div>
			</div>
		</div><!-- 20140726-商品类别-排序-end -->
		
		<form id="listForm" method="post">
		

		</form>
		
	</div><!-- 20140726-商品类别-end -->

	<div class="hr-20"></div>
</div>				

<!--到货通知弹出框-->
<textarea id="product-arrival-html" class="hide">	&lt;div class="arrival-remind-area"&gt;
		&lt;ul class="clearfix"&gt;
			&lt;li id="arrival-email"&gt;
				&lt;p class="a-title"&gt;邮件通知&lt;/p&gt;
				&lt;p id="account-email" class="a-txt"&gt;xxxxxxxxxxxxxxxxxxxx@huawei.com&lt;/p&gt;
				&lt;s&gt;&lt;/s&gt;
			&lt;/li&gt;
			&lt;li id="arrival-mobile"&gt;
				&lt;p class="a-title"&gt;短信通知&lt;/p&gt;
				&lt;p id="account-mobile" class="a-txt"&gt;185&nbsp;6644&nbsp;5856&lt;/p&gt;
				&lt;s&gt;&lt;/s&gt;
			&lt;/li&gt;		
		&lt;/ul&gt;
	&lt;/div&gt;
	&lt;div class="box-custom-button"&gt;
		&lt;input type="submit" class="box-ok box-button-style-1" value="提交"/&gt;
	&lt;/div&gt;
	&lt;div id="arrival-error" class="box-form-tips hide"&gt;
		&lt;span class="icon-error"&gt;输入有误&lt;/span&gt;
	&lt;/div&gt;
</textarea>

<input id="sField" type="hidden" value="default">
<input id="sType" type="hidden" value="desc">

<script src="./js/new_list_huawei.min.js"></script><script id="jsapi_loader1" loadtype="insert" type="text/javascript" src="./js/jquery.form-2.49.js" charset="utf-8"></script><script>(function(){var time = 0,el = document.getElementById('jsapi_loader1');if(!el || (el.readyState && 'complete' != el.readyState)){ if(time<10){ setTimeout(arguments.callee,30); time++; }else{ logger.error('load the script of id jsapi_loader1 fail!');} return; }ol._setLoadStatus("jquery.form","complete");})();</script><script id="jsapi_loader2" loadtype="insert" type="text/javascript" src="./js/ajax.js" charset="utf-8"></script><script>(function(){var time = 0,el = document.getElementById('jsapi_loader2');if(!el || (el.readyState && 'complete' != el.readyState)){ if(time<10){ setTimeout(arguments.callee,30); time++; }else{ logger.error('load the script of id jsapi_loader2 fail!');} return; }ol._setLoadStatus("ajax","complete");})();</script>
<script src="./js/slider.min.js"></script>
<script>
	ec.load("ec.pager");
</script><script id="jsapi_loader3" loadtype="insert" type="text/javascript" src="./js/pager-min.js" charset="gbk"></script><script>(function(){var time = 0,el = document.getElementById('jsapi_loader3');if(!el || (el.readyState && 'complete' != el.readyState)){ if(time<10){ setTimeout(arguments.callee,30); time++; }else{ logger.error('load the script of id jsapi_loader3 fail!');} return; }ol._setLoadStatus("ec.pager/pager-min.js","complete");})();</script>
<div class="layout">
	<!-- 20140726-频道-列表-start -->
    <div class="channel-list">
        <!-- 20140727-商品列表-start -->
		<div class="pro-list clearfix">
			<ul>
				@foreach($goods_list as $goods)
				<li>
					<div class="pro-panels">
						<p class="p-img"><a target="_blank" href="https://www.vmall.com/product/221281208.html#251990401,123" title="HUAWEI Mate 9 保时捷设计 6GB+256GB 全网通版（曜石黑）"><img alt="{{$goods->goods_title}}" src="./js/428_428_1481251216636mp.jpg"></a></p>
						<p class="p-name"><a target="_blank" href="https://www.vmall.com/product/221281208.html#251990401,123" title="HUAWEI Mate 9 保时捷设计 6GB+256GB 全网通版（曜石黑）">{{$goods->goods_title}}<span class="red"></span></a></p>
						<p class="p-price"><b>¥{{$goods->goods_price}}</b></p>
						<div class="p-button clearfix">
							<table colspan="0" border="0" rowspan="0">
								<tbody>
									<tr>
									<td><a href="{{URL('/home/cargo/'.$goods->id)}}" target="_blank" class="p-button-an"><span>点击购买</span></a></td>
										<td><label class="p-button-score"><span>4679人评价</span></label></td>
									</tr>
								</tbody>
							</table>
						</div>
						<s class="p-tag"><img alt="HUAWEI Mate 9 保时捷设计 6GB+256GB 全网通版（曜石黑）" src="./js/1497576003067.png"></s>
					</div>
				</li>
					@endforeach

			</ul>
		</div>
		<!-- 20140727-商品列表-end -->
		<!-- 分页-start -->
		<div id="list-pager-123" class="pager">
		    <span class="hide">
			    <a href="https://www.vmall.com/list-123-1" title="HUAWEI Mate系列 第1页">第1页</a>&nbsp;&nbsp;
		    </span>
	    </div>
    </div><!-- 20140726-频道-列表-end --></div>

<!--弹出层-成功添加到购物车 -->
<textarea id="cart-tips" class="hide">&lt;div class="pro-add-success" style="margin:-14px -30px 0;"&gt;
	&lt;dl&gt;
		&lt;dt&gt;&lt;s&gt;&lt;/s&gt;&lt;/dt&gt;
		&lt;dd&gt;
			&lt;div id="cart-briefName" class="pro-add-success-name"&gt;华为 Ascend P1 U9200 3G手机（晶钻黑）WCDMA&lt;/div&gt;
			&lt;div class="pro-add-success-msg"&gt;成功加入购物车!&lt;/div&gt;
			&lt;div class="pro-add-success-total"&gt;购物车中共&nbsp;&lt;b id="cart-total"&gt;0&lt;/b&gt;&nbsp;件商品，金额合计&nbsp;&lt;b  id="cart-price"&gt;¥&nbsp;2699&lt;/b&gt;&lt;/div&gt;
			&lt;div class="pro-add-success-button"&gt;&lt;a href="javascript:;" class="box-ok button-style-1 button-go-cart" title="去购物车结算"&gt;去结算&lt;/a&gt;&lt;a class="box-cancel button-style-4 button-walking" href="javascript:;" title="继续逛逛"&gt;继续逛逛&nbsp;&gt;&gt;&lt;/a&gt;&lt;/div&gt;
		&lt;/dd&gt;
	&lt;/dl&gt;
&lt;/div&gt;
</textarea>
<!-- 20131218-商品简介-弹出层-成功添加到购物车-end -->

<!--弹出层-添加到购物车失败 -->
<textarea id="popup-tips" class="hide">    &lt;!-- 20131230-商品简介-弹出层-添加到购物车失败-start --&gt;
	&lt;div class="pro-add-error" style="margin-top:-40px;"&gt;
		&lt;i&gt;&lt;/i&gt;
		&lt;div id="popup-tips-msg" class="pro-add-error-msg"&gt;非常抱歉！该商品不能单独销售！&lt;/div&gt;
		&lt;div class="pro-add-error-button"&gt;&lt;a href="javascript:;"  title="知道了" class="box-cancel button-style-4 button-par-define"&gt;知道了&lt;/a&gt;&lt;/div&gt;
	&lt;/div&gt;
</textarea>
<!-- 20131230-商品简介-弹出层-添加到购物车失败-end -->


                        

<form action="https://www.vmall.com/list-123#" id="gotourl" method="get"></form>
<script>
	//去结算
	ec.product.gotoshoppingCart = function(){
		//BI统计
		_paq.push(['trackLink','加入购物车-去支付', 'link', ' ']);
		ec.code.addAnalytics({hicloud:true});
		setTimeout(function () {
			//var url = '/order/shoppingCart';
			var url = '//cart.vmall.com/cart/cart.html';
			$('#gotourl').attr('action', url).submit();
		}, 500);
	};
</script><div class="hr-40"></div>
<script>
    ec.ready(function(){
        //封装已选属性列表
        var attrList = [];
	    ec.product.renderPage(123, attrList, $("#sField").val(),  $("#sType").val(), {
		    pageNumber : 1,
		    totalPage : 1,
		    recordCount : 3
	    });
    });
    
    /**
     *描述：当点击一级分类，在展现属性中，可能出在存在相同的属性名称。
     *所以现在暂时弥补的方法  当点击分类---"全部"的时候，隐藏下面属性的列
     *@lifeng
    */
    ec.ready(function(){
    	var result = $("#first-category").attr("class");
    	if(result == "selected"){
    		//把分类下面的属性全部隐藏
    		$(".pro-cate-area").find("div[id^='pro-cate-attr-']").hide();
    	}
    })
    
</script>
 @endsection